<template>
  <div class="loadingio-spinner-cube-fwf48mahvl">
    <div class="ldio-enagd1p08e">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </div>
</template>

<style >
@keyframes ldio-enagd1p08e {
  0% {
    transform: scale(1.1500000000000001)
  }

  100% {
    transform: scale(1)
  }
}

.ldio-enagd1p08e div {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 6.666666666666668px;
  left: 6.666666666666668px;
  background: #4996a2;
  animation: ldio-enagd1p08e 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation-delay: -0.3s;
}

.ldio-enagd1p08e div:nth-child(2) {
  top: 6.666666666666668px;
  left: 53.33333333333333px;
  background: #785471;
  animation-delay: -0.2s;
}

.ldio-enagd1p08e div:nth-child(3) {
  top: 53.33333333333333px;
  left: 6.666666666666668px;
  background: #eee7d8;
  animation-delay: 0s;
}

.ldio-enagd1p08e div:nth-child(4) {
  top: 53.33333333333333px;
  left: 53.33333333333333px;
  background: #e8cdc5;
  animation-delay: -0.1s;
}

.loadingio-spinner-cube-fwf48mahvl {
  width: 45px;
  height: 45px;
  display: inline-block;
  overflow: hidden;
  background: #f1f2f3;
}

.ldio-enagd1p08e {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.45);
  backface-visibility: hidden;
  transform-origin: 0 0;
  /* see note above */
}

.ldio-enagd1p08e div {
  box-sizing: content-box;
}

/* generated by https://loading.io/ */</style>